<template>
  <div class="shujixq">
    <div class="booktop">
      <div class="top">
        <div class="top1">
          <div class="imgs" @click="toshuj()">
            <img src="../../assets/images/logon.png" alt="" />
          </div>
          <div class="lefts">
            <div></div>
            <div class="lefts1">浙江省非物质文化<br />数字文献中心</div>
            <div class="lefts2">
              ZhejiangProvinceIntangibleCultureDigitalLiteratureCenter
            </div>
          </div>
          <div class="rights">
            <div></div>
            <usertbtn></usertbtn>
            <div class="ris3">
              <el-form :inline="true" :model="formInline" class="demo-form-inline"
                style="width: 100%; display: flex; height: 56px">
                <el-form-item style="width: 382px; height: 56px; margin-bottom: 0">
                  <el-input v-model="formInline.user" placeholder="输入关键词搜索" style="width: 382px; height: 56px">
                    <img @click="sousuo()" slot="append" src="../../assets/images/sousuo.png" alt="" />
                  </el-input>
                  <!-- <el-input placeholder="输入关键词搜索" v-model="formInline.user" class="input-with-select">
                        <el-button slot="append" icon="el-icon-search" @click="sousuos()"></el-button>
                        </el-input> -->
                </el-form-item>
                <el-form-item>
                  <div style="padding-left:20px;margin-top: 7px;cursor: pointer;" @click="onSubmit()">
                    <div
                      style=" display: flex;align-items: center;height:100%;font-size: 18px;font-family: Source Han Sans CN-Regular, Source Han Sans CN;font-weight: 400;color: #911f23">
                      高级检索 <i style="font-size:18px;font-weight:550" class="el-icon-arrow-right"></i></div>
                  </div>
                </el-form-item>
              </el-form>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="booktop1">
      <div class="book1">
        <div class="booklt">
          <img :src="shujixq.picurl" alt="" />
        </div>
        <div class="bookri">
          <div class="shuming">
            {{ shujixq.sm }}
          </div>
          <div class="xin1">
            {{ shujixq.cbs ? shujixq.cbs : "" }} |
            {{ shujixq.zzbz ? shujixq.zzbz : "" }} |
            {{ shujixq.cbsj ? shujixq.cbsj : "" }}
          </div>
          <div class="xin2" v-html="shujixq.zy"></div>
          <div class="xin3">
            <div class="xin31" @click="zaixian(shujixq.readurl)">在线阅读</div>
            <div class="xin32" @click="shouji(shujixq.readurl)">
              <img src="../../assets/images/phone.png" alt="" />
              <div>手机扫码阅读</div>
            </div>
            <div class="xin33">
              <!-- <div class="xin331" @click="shoucang(45,shujixq.fyclassDataID,shujixq.sm,shujixq)" v-if="shujixq.sfsc==0">
                <img src="../../assets/images/s1.png" alt="" />
                <div>收藏</div>
              </div>
               <div class="xin331" @click="qxshoucang(45,shujixq.fyclassDataID,shujixq)" v-else>
                <img src="../../assets/images/s2.png" alt="" />
                <div>收藏</div>
              </div> -->
              <!-- <div class="xin332"></div> -->
              <!-- <div class="xin331"> -->
              <!-- <div class="xin331">
                  <img src="../../assets/images/f1.png" alt="" />
                  <div>分享</div>
                </div> -->
              <!-- </div> -->
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="tsxq">
      <div class="title">
        <div class="xian"></div>
        <div class="wenzi">图书详情</div>
      </div>
      <div class="tsxq1">
        <div class="tsxq2">
          <div>名称</div>
          <div class="cor">
            {{ shujixq.sm }}
          </div>
        </div>
        <div class="tsxq2">
          <div>批次版本</div>
          <div class="cor">
            第{{ shujixq.pcbb }}批
          </div>
        </div>
        <div class="tsxq2">
          <div>发行数量</div>
          <div class="cor">
            {{ shujixq.fxsl }}
          </div>
        </div>
        <div class="tsxq2">
          <div>库存</div>
          <div class="cor">
            {{ shujixq.kucun }}
          </div>
        </div>
        <div class="tsxq2">
          <div>出版时间</div>
          <div class="cor">
            {{ shujixq.cbsj ? shujixq.cbsj : "" }}
          </div>
        </div>
        <div class="tsxq2">
          <div>正文语种</div>
          <div class="cor">
            中文
          </div>
        </div>
        <div class="tsxq2">
          <div>书号</div>
          <div class="cor">
            {{ shujixq.shuhao }}
          </div>
        </div>

      </div>
    </div>
    <div class="mulu" v-if="shujixq.mulu">
      <div class="title">
        <div class="xian"></div>
        <div class="wenzi">本书目录</div>
      </div>
      <div class="mulu1" v-html="filtertt(shujixq.mulu)">

      </div>
    </div>
    <div class="mulu" v-if="gdxx">
      <div class="title">
        <div class="xian"></div>
        <div class="wenzi">归档信息</div>
      </div>
      <div class="inheritor inheritor_gdxx">
        <div class="basic_information">
          <div class="basic_information_item">
            <span>索引号:</span>
            <div>{{ gdxx.syh }}</div>
          </div>
          <div class="basic_information_item">
            <span>条码号:</span>
            <div>{{ gdxx.tmh }}</div>
          </div>
          <div class="basic_information_item">
            <span>馆藏状态:</span>
            <div>{{ gdxx.zt == 1 ? '出借' : '在馆' }}</div>
          </div>
          <div class="basic_information_item">
            <span>应还时间:</span>
            <div>{{ gdxx.yhsj | dataFormat }}</div>
          </div>
          <div class="basic_information_item">
            <span>排架号:</span>
            <div>{{ gdxx.pjh }}</div>
          </div>
          <div class="basic_information_item">
            <span>文献所属馆:</span>
            <div>{{ gdxx.ssg }}</div>
          </div>
          <div class="basic_information_item">
            <span>所在馆:</span>
            <div>{{ gdxx.szg }}</div>
          </div>
          <div class="basic_information_item">
            <span>所在馆位置:</span>
            <div>{{ gdxx.szgwz }}</div>
          </div>
          <div class="basic_information_item">
            <span>卷册信息:</span>
            <div>{{ gdxx.jcxx }}</div>
          </div>
          <div class="basic_information_item">
            <span>备注:</span>
            <div>{{ gdxx.bz }}</div>
          </div>
        </div>
      </div>
    </div>
    <div class="neirong" v-if="shujixq.zy">
      <div class="title" v-if="shujixq.zy">
        <div class="xian"></div>
        <div class="wenzi">内容简介</div>
      </div>
      <div class="nr" v-html="shujixq.zy">

      </div>
    </div>
    <!-- <div class="xiangguan">
      <div class="title">
        <div class="xian"></div>
        <div class="wenzi">馆藏地址</div>
      </div>
      <div class="tabs">
        <el-table
          :data="tableData"
          style="width: 100%"
          :header-cell-style="{
            textAlign: 'center',
            background: '#F7F7F8',
            fontSize: '14px',
            fontWeight: '400',
            color: '#666666',
            fontFamily: 'Source Han Sans CN-Regular, Source Han Sans CN',
          }"
          :cell-style="{
            textAlign: 'center',
            fontSize: '14px',
            fontWeight: '400',
            color: '#333333',
            fontFamily: 'Source Han Sans CN-Regular, Source Han Sans CN',
          }"
        >
          <el-table-column prop="date" label="索引号"></el-table-column>
          <el-table-column prop="name" label="条码号"></el-table-column>
          <el-table-column prop="address" label="馆藏状态"> </el-table-column>
          <el-table-column prop="s1" label="应还时间"> </el-table-column>
          <el-table-column prop="s2" label="备注/排架号"> </el-table-column>
          <el-table-column prop="s3" label="文献所属馆"> </el-table-column>
          <el-table-column prop="s4" label="所在馆"> </el-table-column>
          <el-table-column prop="s5" label="所在馆位置"> </el-table-column>
          <el-table-column prop="s9" label="流通类型"> </el-table-column>
          <el-table-column prop="s6" label="卷册信息"> </el-table-column>
          <el-table-column prop="s7" label="借阅次数"> </el-table-column>
          <el-table-column prop="s8" label="续借次数"> </el-table-column>
        </el-table>
      </div>
    </div> -->
    <div class="xgsjtt">
      <div class="title" v-if="shujixq.xgBookList != null">
        <div class="xian"></div>
        <div class="wenzi">相关书籍</div>
      </div>
      <div class="xgsj1">
        <div class="sj" v-for="(item, index) in shujixq.xgBookList" :key="index" @click="xqshji(item.fyclassDataID)"
          :class="index == shujixq.xgBookList.length - 1 ? 'sjts' : ''">
          <img :src="item.picurl" alt="" />
          <div class="sj1">{{ item.sm }}</div>
          <div class="sj2">{{ item.zzbz }}</div>
        </div>
      </div>
    </div>
    <el-dialog :visible.sync="dialogFormVisible" @close="closeDialog" :center="true" width="255px">
      <div id="qrcode" ref="qrcode" style="margin:0 auto"></div>
    </el-dialog>
    <footbtn></footbtn>
  </div>
</template>
<style scoped  lang="scss">
::v-deep .el-input {
  display: flex;
  justify-content: center;
  color: #333333;
}

::v-deep .el-input--prefix .el-input__inner {
  width: 305px;
  border: 0px;
}

//搜索框
::v-deep .el-input-group>.el-input__inner {
  height: 56px;
  border: 0px;
}

::v-deep .el-input-group__append {
  border: none !important;
  background-color: #fff;
  padding: 0 45px 0 10px;
}

::v-deep .el-input-group__append img {
  width: 32px;
  height: 32px;
  padding-top: 12px;
  cursor: pointer;
}

::v-deep .el-button--primary {
  background-color: #911f23;
  border-color: #911f23;
  border-radius: 8px;
  height: 56px;
  width: 112px;
  margin-left: 16px;
}

::v-deep .el-form--inline .el-form-item {
  margin-right: 0;
}

.shujixq {
  width: 100%;
  background-color: #f7f7f8;

  .booktop {
    width: 100%;
    height: 200px;
    background: url("../../assets/images/booktop.png") no-repeat;
    background-size: 100% 100%;

    .top {
      width: 1400px;
      height: 176px;
      margin: 0 auto;

      // background-color: #F7F7F8;
      .top1 {
        position: relative;
        width: calc(100% - 0px);
        margin: 0 auto;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;

        // background-color: pink;
        .imgs {
          position: absolute;
          top: 0;
          width: 138px;
          height: 176px;
          z-index: 100;

          img {
            width: 100%;
            height: 100%;
          }
        }

        .lefts {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          height: 100%;
          margin-left: 170px;

          .lefts1 {
            font-size: 24px;
            font-family: Source Han Sans CN-Regular, Source Han Sans CN;
            font-weight: 400;
            color: #333333;
            // line-height: 35px;
          }

          .lefts2 {
            font-size: 14px;
            font-family: Source Han Sans CN-Regular, Source Han Sans CN;
            font-weight: 400;
            color: #666666;
          }
        }

        .rights {
          position: relative;
          display: flex;
          flex-direction: column;
          align-items: flex-end;
          justify-content: space-between;
          // padding-bottom: 40px;
          height: 100%;

          .ris3 {
            // width: 362px;
            // margin-top: 37px;
          }

          .ri {
            padding-right: 30px;
          }

          .ri1 {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 68px;
            height: 38px;
            background: #911f23;
            border-radius: 8px 8px 8px 8px;
            opacity: 1;
            color: #fff;
            cursor: pointer;
          }
        }
      }
    }
  }

  .booktop1 {
    width: 100%;
    background-color: #fff;
    padding: 32px 0;

    .book1 {
      width: calc(1400px - 128px);
      margin: 0px auto;
      border-radius: 8px 8px 8px 8px;
      opacity: 1;
      padding: 40px 64px;
      border: 1px solid #d8d8d8;
      display: flex;

      .booklt {
        width: 208px;
        height: 272px;
        background: #d8d8d8;
        border-radius: 6px 6px 6px 6px;
        box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.2);
        opacity: 1;

        img {
          width: 100%;
          height: 100%;
          border-radius: 6px 6px 6px 6px;
        }
      }

      .bookri {
        width: calc(100% - 240px);
        padding-left: 32px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .shuming {
          font-size: 34px;
          font-family: Source Han Sans CN-Regular, Source Han Sans CN;
          font-weight: 400;
          color: #3d3d3d;
        }

        .xin1 {
          width: 100%;
          display: flex;
          align-items: center;
          font-size: 16px;
          font-family: Source Han Sans CN-Regular, Source Han Sans CN;
          font-weight: 400;
          color: #666666;
        }

        .xin2 {
          font-size: 14px;
          font-family: Source Han Sans CN-Regular, Source Han Sans CN;
          font-weight: 400;
          color: #666666;
          line-height: 24px;
        }

        .xin3 {
          width: 100%;
          display: flex;
          align-items: center;

          .xin31 {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 136px;
            height: 46px;
            background: #911f23;
            border-radius: 6px 6px 6px 6px;
            opacity: 1;
            font-size: 18px;
            font-family: Source Han Sans CN-Medium, Source Han Sans CN;
            font-weight: 500;
            color: #ffffff;
          }

          .xin32 {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 196px;
            height: 44px;
            border-radius: 6px 6px 6px 6px;
            opacity: 1;
            border: 1px solid #911f23;
            margin-left: 16px;
            font-size: 18px;
            font-family: Source Han Sans CN-Medium, Source Han Sans CN;
            font-weight: 500;
            color: #911f23;
            cursor: pointer;

            img {
              width: 20px;
              height: 20px;
              padding-right: 4px;
            }
          }

          .xin33 {
            display: flex;
            padding-left: 16px;

            .xin331 {
              display: flex;
              font-size: 12px;
              font-family: Source Han Sans CN-Regular, Source Han Sans CN;
              font-weight: 400;
              color: #999999;

              img {
                width: 16px;
                height: 16px;
                padding-right: 4px;
              }
            }

            .xin332 {
              width: 1px;
              height: 16px;
              background-color: #d8d8d8;
              margin: 0 8px;
            }
          }
        }
      }
    }
  }

  .tsxq {
    width: 1400px;
    margin: 32px auto;

    .title {
      width: 100%;
      display: flex;
      align-items: center;

      .xian {
        width: 12px;
        height: 24px;
        background: #911f23;
        border-radius: 0px 0px 0px 0px;
        opacity: 1;
      }

      .wenzi {
        margin-left: 12px;
        font-size: 22px;
        font-family: Source Han Sans CN-Medium, Source Han Sans CN;
        font-weight: 500;
        color: #3d3d3d;
      }
    }

    .tsxq1 {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      padding: 0 12px;

      .tsxq2 {
        width: 25%;
        font-size: 14px;
        font-family: Source Han Sans CN-Regular, Source Han Sans CN;
        font-weight: 400;
        color: #911F23;
        margin-top: 18px;

        .cor {
          color: #333333;
          padding-top: 12px;
          padding-right: 20px;
        }
      }
    }

  }

  .mulu {
    width: 1400px;
    margin: 32px auto;

    .title {
      width: 100%;
      display: flex;
      align-items: center;

      .xian {
        width: 12px;
        height: 24px;
        background: #911f23;
        border-radius: 0px 0px 0px 0px;
        opacity: 1;
      }

      .wenzi {
        margin-left: 12px;
        font-size: 22px;
        font-family: Source Han Sans CN-Medium, Source Han Sans CN;
        font-weight: 500;
        color: #3d3d3d;
      }
    }

    .mulu1 {
      width: 100%;
      margin-top: 20px;
      padding: 0 12px;
      font-size: 14px;
      font-family: Source Han Sans CN-Medium, Source Han Sans CN;
      font-weight: 500;
      color: #3d3d3d;
      line-height: 30px;
      display: inline-block;

      ::v-deep div:nth-child(2n - 1) {
        // color: red !important;
        padding-right: 12px;
        float: left;
      }

      ::v-deep p {
        display: none;
      }
    }
  }

  .inheritor_gdxx {
    .basic_information {
      display: flex;
      flex-wrap: wrap;
      border: 1px solid #d8d8d8;
      border-left: 0;
      border-right: 0;
      margin: 24px 0 16px;
      padding: 20px 24px 5px;

      .basic_information_item {
        display: flex;
        width: calc(33.3% - 20px);

        margin-bottom: 22px;

        span {
          padding-right: 20px;
          font-size: 14px;
          font-weight: 400;
          color: #911f23;
          display: block;
          // margin-bottom: 4px;
        }

        div {
          font-size: 14px;
          font-weight: 400;
          color: #3d3d3d;
        }
      }
    }
  }

  .neirong {
    width: 1400px;
    margin: 32px auto;

    .title {
      width: 100%;
      display: flex;
      align-items: center;

      .xian {
        width: 12px;
        height: 24px;
        background: #911f23;
        border-radius: 0px 0px 0px 0px;
        opacity: 1;
      }

      .wenzi {
        margin-left: 12px;
        font-size: 22px;
        font-family: Source Han Sans CN-Medium, Source Han Sans CN;
        font-weight: 500;
        color: #3d3d3d;
      }
    }

    .nr {
      width: 100%;
      margin-top: 12px;
      font-size: 14px;
      font-family: Source Han Sans CN-Medium, Source Han Sans CN;
      font-weight: 500;
      color: #3d3d3d;
      line-height: 30px;
      padding: 0 12px;
      // display: flex;
    }
  }

  .xgsjtt {
    width: 1400px;
    margin: 32px auto 150px;

    .title {
      width: 100%;
      display: flex;
      align-items: center;

      .xian {
        width: 12px;
        height: 24px;
        background: #911f23;
        border-radius: 0px 0px 0px 0px;
        opacity: 1;
      }

      .wenzi {
        margin-left: 12px;
        font-size: 22px;
        font-family: Source Han Sans CN-Medium, Source Han Sans CN;
        font-weight: 500;
        color: #3d3d3d;
      }
    }

    .xgsj1 {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      // justify-content: space-between;


      margin-top: 24px;

      .sj {
        width: 165px;
        padding-right: 80px;
        margin-bottom: 32px;

        img {
          width: 100%;
          height: 216px;
          border-radius: 4px 4px 4px 4px;
        }

        .sj1 {
          width: 100%;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          margin-top: 10px;
        }

        .sj2 {
          width: 100%;
          font-size: 12px;
          font-family: Source Han Sans CN-Regular, Source Han Sans CN;
          font-weight: 400;
          color: #666666;
          margin-top: 6px;
        }
      }

      .sjts {
        padding-right: 0px;
      }
    }
  }

  .xiangguan {
    width: 1400px;
    margin: 32px auto 20px;

    .title {
      width: 100%;
      display: flex;
      align-items: center;

      .xian {
        width: 12px;
        height: 24px;
        background: #911f23;
        border-radius: 0px 0px 0px 0px;
        opacity: 1;
      }

      .wenzi {
        margin-left: 12px;
        font-size: 22px;
        font-family: Source Han Sans CN-Medium, Source Han Sans CN;
        font-weight: 500;
        color: #3d3d3d;
      }
    }

    .tabs {
      width: 100%;
      margin-top: 24px;
    }
  }
}
</style>

<script>
import { getBookXq, getsc, getqxsc, getwxgdxx } from "@/api/api.js";
import usertbtn from "../../components/user/index.vue";
import footbtn from "../../components/foot/index.vue";

import QRCode from "qrcodejs2";

export default {
  data() {
    return {
      id: 0,
      lx: 0,
      shujixq: {},
      dialogFormVisible: false,
      formLogin: {
        name: "",
        padd: "",
      },
      activet: 0,
      activet1: 0,
      formInline: {
        user: "",
      },
      tableData: [
        {
          date: "G122/132/2021:1",
          name: "0000144787566",
          address: "在馆",
          s1: "2023-08-13",
          s2: "/",
          s3: "浙江图书馆",
          s4: "浙江图书馆",
          s5: "中外图书保存本查阅室(馆内阅览)",
          s9: "图书",
          s6: "/",
          s7: "/",
          s8: "0",
        },
        {
          date: "G122/132/2021:1",
          name: "0000144787566",
          address: "在馆",
          s1: "2023-08-13",
          s2: "/",
          s3: "浙江图书馆",
          s4: "浙江图书馆",
          s5: "中外图书保存本查阅室(馆内阅览)",
          s9: "图书",
          s6: "/",
          s7: "/",
          s8: "0",
        },
        {
          date: "G122/132/2021:1",
          name: "0000144787566",
          address: "在馆",
          s1: "2023-08-13",
          s2: "/",
          s3: "浙江图书馆",
          s4: "浙江图书馆",
          s5: "中外图书保存本查阅室(馆内阅览)",
          s9: "图书",
          s6: "/",
          s7: "/",
          s8: "0",
        },
        {
          date: "G122/132/2021:1",
          name: "0000144787566",
          address: "在馆",
          s1: "2023-08-13",
          s2: "/",
          s3: "浙江图书馆",
          s4: "浙江图书馆",
          s5: "中外图书保存本查阅室(馆内阅览)",
          s9: "图书",
          s6: "/",
          s7: "/",
          s8: "0",
        },
      ],
      mc: "",
      url: "https://first-1300696665.cos.ap-nanjing.myqcloud.com/commons/a3cdd0a4680f4e54856ad0eb247df3cf.jpg",
      yhm: {},
      xh: 0,
      gdxx: {},
    };
  },
  created() {
    this.yhm = JSON.parse(sessionStorage.getItem("loginInfo"))
      ? JSON.parse(sessionStorage.getItem("loginInfo"))
      : "";
    this.formInline.user = sessionStorage.getItem("sousuo");
    this.id = this.$route.query.id;
    this.lx = this.$route.query.lx
    this.bookxq();
    this.getwxgdxx()
  },
  mounted() {
    // this.creatQrCode();
  },
  methods: {
    async getwxgdxx() {
      let res = await getwxgdxx({
        id: this.id,
        lx: this.lx
      })
      console.log('归档信息==', res);
      if (res.code == 200) {
        this.gdxx = res.data[0]
        console.log('this.gdxx', this.gdxx);
      }
    },
    filtertt(text) {
      // text = text.replace(/\r\n\t/g, ""); 
      text = text.replace(/\r\n/g, "");
      text = text.replace(/<p>/g, '')
      // text = text.mulu.replace(/</p>/g,'')
      console.log(text, '00000--------------')
      return text;
    },
    async shoucang(lx, id, mc, item) {
      let res = await getsc({
        lx: lx,
        zyid: id,
        zymc: mc,
        yhid: this.yhm.id

      })
      if (res.code == 0) {
        this.scs = id

        this.$message({
          message: '收藏成功',
          type: 'success'
        });
        return item.sfsc = 1
      } else {
        this.$message.error(res.msg);
      }
    },
    async qxshoucang(lx, id, item) {
      let res = await getqxsc({
        zylx: lx,
        zyid: id,
        yhid: this.yhm.id

      })
      if (res.code == 0) {
        this.$message({
          message: '取消收藏成功',
          type: 'success'
        });
        item.sfsc = '0'
      } else {
        this.$message.error(res.msg);

      }
    },
    sousuo() {
      sessionStorage.setItem("erjsnav", 2);
      sessionStorage.setItem("sousuo", this.formInline.user);
      this.$router.push({
        path: "/s5",
        query: {},
      });
    },
    toshuj() {
      sessionStorage.setItem("erjsnav", 2);
      sessionStorage.setItem("sousuo", this.formInline.user);
      this.$router.push({
        path: "/s5",
        query: {},
      });
    },
    shouji(url) {
      this.dialogFormVisible = !this.dialogFormVisible;
      this.$nextTick(() => {
        this.qrcode(url);
      });
    },
    qrcode(url) {
      let qrcode = new QRCode("qrcode", {
        width: 200, // 设置宽度，单位像素
        height: 200, // 设置高度，单位像素
        text: url, // 设置二维码内容或跳转地址
      });
    },
    closeDialog() {
      document.getElementById("qrcode").innerHTML = "";
    },

    zaixian(url) {
      window.open(url, "_blank");
    },
    xqshji(id) {
      this.$router.push({ path: "/BookDetails", query: { id: id, lx: 45 } });
      this.$router.go(0);
    },
    async bookxq() {
      let res = await getBookXq({
        id: this.id,
        type: this.lx
      });

      this.shujixq = res;
    },
    sousuos() {
      if (this.formInline.user == "") {
        this.$message.error({ message: "请输入搜索内容!", center: true });
      }
    },
    onSubmit() {
      // sessionStorage.setItem("erjsnav", 2);
      sessionStorage.setItem("erjsnav", 0);
      this.$router.push({
        path: "/retrieval",
        query: {},
      });
    },
  },
  computed: {},
  components: {
    footbtn,
    usertbtn,
  },
};
</script>
